<template>
  <view>
    <u-popup
      :round="16"
      :show="mashow"
      @close="jieclose"
      mode="center"
    >
      <view class="mabox">
        <view class="flexCenterCenter"> 确定解除银行卡？ </view>
        <view class="tipbox">
          解除绑定后，您的钱包余额不能提现到账户，请谨慎操作！
        </view>
        <view class="flex">
          <button class="closebtn" @tap="jieclose">再想想</button>
          <button class="gojie" @tap="jiego">仍要解绑</button>
        </view>
      </view>
    </u-popup>
  </view>
</template>
<script lang="ts" setup>
import { ref,reactive } from "vue";
const mashow = ref(false);
const payid = ref('');

const jieopen = (val) => {
  payid.value=val
  mashow.value = true;
};
const jieclose = () => {
  mashow.value = false;
};
const jiego=()=>{
  console.log('idsdassd',payid.value)
  uni.navigateTo({
        url: `/pages/me/jiepay?id=${payid.value}`,
      });
}
defineExpose({
  jieopen,
});
</script>
<style lang="scss" scoped>
.mabox {
  width: 560rpx;
  height: 411rpx;
  background: #ffffff;
  border-radius: 16rpx;
  padding: 38rpx 47rpx;
  box-sizing: border-box;
  text-align: center;
  .closebtn {
    width: 192rpx;
    height: 90rpx;
    background: #f4f4f4;
    border-radius: 8rpx;
    margin-right: 33rpx;
  }
  .tipbox {
    font-size: 28rpx;
    color: #333333;
    line-height: 38rpx;
    margin-top: 30rpx;
    margin-bottom: 70rpx;
  }
}
::v-deep .gojie {
  width: 240rpx;
  height: 90rpx;
  background: #953b82;
  border-radius: 8rpx;
  color: #ffffff;
}
</style>
